﻿<!DOCTYPE html>
<html>
<head>
  <title>报表管理</title>
  <link rel="stylesheet" type="text/css" href="/static/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="/static/themes/icon.css">
  <script src="/static/js/jquery.min.js"></script>
  <script type="text/javascript" src="/static/js/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="/static/js/easyui-lang-zh_CN.js"></script>

  <link rel="stylesheet" type="text/css" href="/static/files/reportanagement/styles.css"/>
  <script src="/static/files/reportanagement/data.js"></script>
</head>
<body>
  <%--搜索框--%>
  <div id="u1">
    <form action="">
      <table>
        <tr>
          <td>
            <%--树形下拉框--%>
            <%--<input class="easyui-combotree" data-options="url:'tree_data1.json',method:'get',label:'操作类型:',labelPosition:'left'" style="width:100%">--%>
            操作类型：<select id="u2_input">
            <option selected value="财务报表">财务报表</option>
            <option value="代理商账户余额报表">&nbsp; &nbsp;代理商账户余额报表</option>
            <option value="预付款流水报表">&nbsp; &nbsp;预付款流水报表</option>
            <option value="代理商流水报表">&nbsp; &nbsp;代理商流水报表</option>
            <option value="产品报表">产品报表</option>
            <option value="产品分类数量/金额汇总">&nbsp; &nbsp;产品分类数量/金额汇总</option>
            <option value="消费报表">消费报表</option>
            <option value="客户消费汇总">&nbsp; &nbsp;客户消费汇总</option>
            </select>
          </td>
          <td>操作时间：<input class="easyui-datebox" id="s1">至</td>
          <td><input class="easyui-datebox" id="s2"></td>
          <td><img src="static/images/报表管理/u20.png" alt="查询" onclick="inquire()"></td>
        </tr>
      </table>
    </form>
  </div>
  <div>
      <%--代理商账户余额报表--%>
      <div id="u3"  style="display:none">
        <table id="dg1" class="easyui-datagrid" title="代理商账户余额报表" style="width:1317px" data-options="
                    <%--行序号--%>
                    rownumbers:true,
                    <%--是否支持多选--%>
                    singleSelect:true,
                    <%--根据行内容自动调整行高--%>
                    autoRowHeight:false,
                    <%--分页显示--%>
                    pagination:true,
                    <%--拉升表格占满整个宽度--%>
                    fitColumns:true,
                    <%--每页显示的条数--%>
                    striped:true,
                    pageSize:10">
          <thead>
          <tr>
            <th field="inv" width="50" align="center">代理商名称</th>
            <th field="date" width="50" align="center">账户余额</th>
          </tr>
          </thead>
        </table>
      </div>

      <%--预付款流水报表--%>
      <div id="u4" style="display:none">
        <table id="dg2" title="预付款流水报表" style="width:1317px" data-options="
                    <%--行序号--%>
                    rownumbers:true,
                    <%--是否支持多选--%>
                    singleSelect:true,
                    <%--根据行内容自动调整行高--%>
                    autoRowHeight:false,
                    <%--分页显示--%>
                    pagination:true,
                    <%--拉升表格占满整个宽度--%>
                    fitColumns:true,
                    <%--每页显示的条数--%>
                    striped:true,
                    pageSize:10">
          <thead>
          <tr>
            <th field="inv" width="20" align="center">代理商名称</th>
            <th field="date" width="10" align="center">预付款</th>
            <th field="name" width="10" align="center">账户余额</th>
            <th field="amount" width="80" align="center">备注信息</th>
            <th field="price" width="20" align="center">时间</th>
          </tr>
          </thead>
        </table>
      </div>

      <%--代理商流水报表--%>
      <div id="u5"  style="display:none">
        <table id="dg3" title="代理商流水报表"data-options="
                      <%--行序号--%>
                    rownumbers:true,
                    <%--是否支持多选--%>
                    singleSelect:true,
                    <%--根据行内容自动调整行高--%>
                    autoRowHeight:false,
                    <%--分页显示--%>
                    pagination:true,
                    <%--拉升表格占满整个宽度--%>
                    fitColumns:true,
                    <%--每页显示的条数--%>
                    striped:true,
                    pageSize:10">
          <thead>
          <tr>
            <th field="inv" width="20" align="center">代理商名称</th>
            <th field="date" width="10" align="center">预付款</th>
            <th field="name" width="10" align="center">账户余额</th>
            <th field="amount" width="80" align="center">备注信息</th>
            <th field="price" width="20" align="center">时间</th>
          </tr>
          </thead>
        </table>
      </div>

  </div>


  </body>
</html>
